<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<link rel="stylesheet" type="text/css" href="css/style.css" />

<!--[if IE 7]> <link rel="stylesheet" type="text/css" href="css/ie7.css" /> <![endif]-->

<!-- Javascript files -->
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/cufon-yui.js" ></script>
<script type="text/javascript" src="js/Yanone_Kaffeesatz_Light_300.font.js" ></script>
<script type="text/javascript" src="js/fliptimer.js" ></script>
<script type="text/javascript" src="js/custom.js" ></script>

<!-- End of Javascript files -->


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Flores y Frutas ( en construcci&oacute;n )</title>
</head>

<body>

<div id="outer-container"><!-- Parent Container -->

<div id="container"><!-- Main Container for Flip Timer and Tab controls -->


	<div id="tabs"><!-- Start of Tabs -->
		<div><!-- Front Tab with FlipTimer -->
			<!--<h1 id="logo">Flores y Frutas</h1>-->
			<h1 align="center">Flores y Frutas</h1>
			<h2 class="title">Estamos mejorando nuestro sitio web. Disculpe las molestias. Volveremos pronto.</h2>
<!--
			<p>Sed a lectus ac felis tincidunt lobortis. Phasellus quam magna, laoreet ut consectetur at, auctor a justo. Praesent non orci nec ipsum suscipit bibend
um in in arcu. Cras turpis lorem, faucibus non sollicitudin quis, tincidunt eu ante. Etiam sed odio ante.</p>
-->


			<div id="fliptimer"></div><!-- Autoinitialize FlipTimer -->
			<div id='flipinfo'>
				<span class="moveright">D&iacute;as</span>
				<span>Horas</span>
				<span>Minutos</span>
				<span>Segundos</span>
			 </div>
    
		</div><!--End of Front Tab	 -->


<!-- Start of About Us  
		<div>
    		<img src="img/2-b.jpg" class="right"  alt="image"/>
   			<h1>This is the H1 title</h1>
			<p>
Sed a lectus ac felis tincidunt lobortis. Phasellus quam magna, laoreet ut consectetur at, 
justo. Praesent non orci nec ipsum suscipit bibendum in in arcu. Cras turpis lorem, faucibus
sollicitudin quis, tincidunt eu ante. Etiam sed odio ante. Pellentesque quis lectus eget mi 
entum interdum non id magna. </p>

			<h2>This is the H2 title</h2>

			<p>Phasellus viverra ullamcorper lectus ac sollicitudin. Etiam elementum sagittis vestibulum.
ut urna erat, sed imperdiet est. Nullam cursus lorem ac augue tempus fringilla.</p>

			<h3>This is the H3 title</h3>

			<p>Quisque tempor libero feugiat diam posuere nec fringilla risus fermentum. Proin sit amet 
Praesent auctor, magna sed blandit egestas, mi enim bibendum lectus, eu convallis urna 
Morbi dapibus egestas enim non molestie. </p>

    
       </div>   End of About Us  
		<div> Start of Contact us 
   
			<div class="left-col">  Start of Left col  
  			  <h2>Where to find us?</h2>
  			   <ul>
   			   		<li> Business City, 555 SF New York</li>
  					<li> New York, AA 34567</li>
  			    </ul>
 				<ul>
 					<li>  Business City, 555 SF New York</li>
 					<li> New York, AA 34567</li>
  			    </ul>
    
 			   <h3>Support Requests</h3>
   			   <ul>
			    	<li>T:  555.555.5555</li>
					<li>M: 555.555.5555</li>
					<li>E: info@timeflip.com</li>
			   </ul>
			   <h3>On the web</h3>
 				 <ul id="social">
                     <li><a href="#"><img src="css/j/facebook.png" alt="facebook" /></a></li>
                     <li><a href="#"><img src="css/j/flickr.png" alt="fickr" /></a></li>
                     <li><a href="#"><img src="css/j/linkedin.png" alt="linkedin" /></a></li>
                     <li><a href="#"><img src="css/j/dribbble.png" alt="dribbble" /></a></li>
                     <li><a href="#"><img src="css/j/twitter.png" alt="twitter" /></a></li>
                  </ul>
           </div> End of Left col 
       <div class="right-col">  Right Column for contact Form  
                                <h2 >Contact Us.</h2>
                                <form action="contact.php" method="post" id="contact_form">
                                <fieldset>
                              <input type="text" id="name" value="Name"  />
                               <input type="text" id="email" value="Email" />
                              <textarea rows="5" cols="65" id="msg">Message</textarea>
                                <input type="submit" value="Submit" id="contact_submit" />
                                </fieldset>
                                </form>
                       
                       </div> End of Right Column  
    
	</div>  End of Contact Us  


</div>  End of Tabs  


<div id="inform"> Start of Inform Me  
	   <form action="contact.php" method="post" id="inform_form">
          <fieldset>
       	  <input type="text" id="inform_email" value="Enter your email and stay tuned!"  /><input type="submit" value="OK" id="in_submit"  />
          </fieldset>
        </form>
</div>  Emd of Inform Me 
 -->

<div id="tab-controls"><!-- Start of Tab controls -->
	<ul>
    <li class="active-tab"><a href="#">Tiempo</a></li>
	<!--
	<li class="default-tab"><a href="#">Nosotros</a></li>
	<li class="default-tab"><a href="#">Contacto</a></li>
	-->
	</ul>
</div><!-- End of Tab controls -->


</div><!-- End of Container -->

</div><!-- End of Outer Container -->

</body>
</html>
